<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Security-Policy">
    <title>Html5App</title>
    <style type="text/css">
        html, body {
            height: 100%;
            background-color: #F6F6F6;
        }
        #appLoadingIndicator{
          top: 50%;
          margin-top: -15px;
          width: 60px;
          margin: auto;
          position: relative;
        }
        #appLoadingIndicator > div {
          width: 50%;
          height: 30px;
          position: absolute;
          border-radius: 50%;
        }
        #appLoadingIndicator > div:nth-child(1) {
          left: 0;
          z-index: 5;
          background-color: #FCC304;
          -webkit-animation: move1 1s linear infinite;
          animation: move1 1s linear infinite;
        }
        #appLoadingIndicator > div:nth-child(2) {
          left: 50%;
          background-color: #706F6D;
          -webkit-animation: move2 1s linear infinite;
          animation: move2 1s linear infinite;
        }

        @-webkit-keyframes move1 {
          0% {left: 0;}
          50% {left: 50%;}
          100% {left: 0;} 
        }
        @keyframes move1 {
          0% {left: 0;}
          50% {left: 50%;}
          100% {left: 0;} 
        }
        @-webkit-keyframes move2 {
          0% {left: 50%;z-index: 1;}
          49% {z-index: 1;}
          50% {left: 0;z-index: 10;}
          100% {left: 50%;z-index: 10;}
        }
        @keyframes move2 {
          0% {left: 50%;z-index: 1;}
          49% {z-index: 1;}
          50% {left: 0;z-index: 10;}
          100% {left: 50%;z-index: 10;}
        }
    </style>
    <script type="text/javascript">(function(d){function l(b,d){var a=document.createElement("meta");a.setAttribute("name",b);a.setAttribute("content",d);p.appendChild(a)}var p=d.document.head||d.document.getElementsByTagName("head")[0],b=d.Ext;"undefined"==typeof b&&(d.Ext=b={});b.blink=function(d){var m=d.js||[];d=d.css||[];var a,h,c,g,n,j;navigator.userAgent.match(/IEMobile\/10\.0/)&&(a=document.createElement("style"),a.appendChild(document.createTextNode("@media screen and (orientation: portrait) {@-ms-viewport {width: 320px !important;}}@media screen and (orientation: landscape) {@-ms-viewport {width: 560px !important;}}")),
document.getElementsByTagName("head")[0].appendChild(a));l("viewport","width\x3ddevice-width, initial-scale\x3d1.0, maximum-scale\x3d1.0, minimum-scale\x3d1.0, user-scalable\x3dno");l("apple-mobile-web-app-capable","yes");l("apple-touch-fullscreen","yes");b.microloaded=!0;var k=window.Ext.filterPlatform=function(a){function c(a){var b=/Mobile(\/|\s)/.test(a);return/(iPhone|iPod)/.test(a)||!/(Silk)/.test(a)&&/(Android)/.test(a)&&(/(Android 2)/.test(a)||b)||/(BlackBerry|BB)/.test(a)&&b||/(Windows Phone)/.test(a)}
function d(a){return!c(a)&&(/iPad/.test(a)||/Android|Silk/.test(a)||/(RIM Tablet OS)/.test(a)||/MSIE 10/.test(a)&&/; Touch/.test(a))}var f=!1,e=navigator.userAgent,b,g;a=[].concat(a);b=window.location.search.substr(1).split("\x26");g={};var h;for(h=0;h<b.length;h++){var j=b[h].split("\x3d");g[j[0]]=j[1]}if(b=g.platform)return-1!=a.indexOf(b);b=0;for(g=a.length;b<g;b++){switch(a[b]){case "phone":f=c(e);break;case "tablet":f=d(e);break;case "desktop":f=!c(e)&&!d(e);break;case "ios":f=/(iPad|iPhone|iPod)/.test(e);
break;case "android":f=/(Android|Silk)/.test(e);break;case "blackberry":f=/(BlackBerry|BB)/.test(e);break;case "safari":f=/Safari/.test(e)&&!/(BlackBerry|BB)/.test(e);break;case "chrome":f=/Chrome/.test(e);break;case "ie10":f=/MSIE 10/.test(e);break;case "windows":f=/MSIE 10/.test(e)||/Trident/.test(e);break;case "tizen":f=/Tizen/.test(e);break;case "firefox":f=/Firefox/.test(e)}if(f)return!0}return!1};a=0;for(h=d.length;a<h;a++){c=d[a];"string"!=typeof c&&(g=c.platform,j=c.exclude,n=c.theme,c=c.path);
if(g){if(!k(g)||k(j))continue;b.theme||(b.theme={});b.theme.name||(b.theme.name=n||"Default")}document.write('\x3clink rel\x3d"stylesheet" href\x3d"'+c+'"\x3e')}a=0;for(h=m.length;a<h;a++)c=m[a],"string"!=typeof c&&(g=c.platform,j=c.exclude,c=c.path),(!g||k(g)&&!k(j))&&document.write('\x3cscript src\x3d"'+c+'"\x3e\x3c/script\x3e')}})(this);
Ext.blink({id:"02199798-3d91-4727-8be1-6ebf780c9442",js:[{path:"cordova.js",remote:!0},{path:"app.js",update:"delta"}],css:[{path:"resources/css/app.css",update:"delta"},{path:"resources/css/base.css",update:"delta"},{path:"resources/css/page.css",update:"delta"}]});</script>
</head>
<body>
	<div id="appLoadingIndicator">
        <div></div>
        <div></div>
    </div>
</body>
</html>
